<template>
    <div class="m-list">
        <div class="m-list-info">
            <div class="sort-set clearfix">
                <a href="javascript:;" class="tag-highlight">智能排序</a>
                <a href="javascript:;" class="tag-sort">价格排序</a>
                <a href="javascript:;">人气最高</a>
                <a href="javascript:;">评价最高</a>
            </div>
            <div class="common-list">
                <dl class="clearfix">
                    <dt>
                        <a href="/">
                            <span>1</span>
                            <img src="//p1.meituan.net/msmerchant/417ef2989a5859645f3302428cd28196612426.jpg@220w_125h_1e_1c">
                        </a>
                    </dt>
                    <dd>
                        <div class="store-info">
                            <ul>
                                <li>
                                    <a href="javascript:;">横州烧烤店</a>
                                </li>
                                <li>
                                    <div class="mq">
                                        <el-rate
                                            v-model="value"
                                            disabled
                                            text-color="#ff9900"
                                            score-template="{value}">
                                        </el-rate>
                                    </div>
                                    <div class="mq">很好</div>
                                    <div class="mq">4.7分</div>
                                    <div class="mq org">235人评论</div>
                                </li>
                                <li>
                                    <span class="address">烧烤|横县</span>
                                    <span class="address">横县江北大道美极牛排斜对面</span>
                                </li>
                                <li>人均¥28</li>
                            </ul>   
                        </div>
                        <div class="prefer-info">
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>    
                        </div>
                        <div class="toggle-btn">
                            <a href="javascript:;">
                                更多1个优惠
                                <span class="iconfont down-arrow"></span>
                            </a>
                        </div>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>
                        <a href="/">
                            <span>1</span>
                            <img src="//p1.meituan.net/msmerchant/417ef2989a5859645f3302428cd28196612426.jpg@220w_125h_1e_1c">
                        </a>
                    </dt>
                    <dd>
                        <div class="store-info">
                            <ul>
                                <li>
                                    <a href="/">横州烧烤店</a>
                                </li>
                                <li>
                                    <div class="mq">
                                        <el-rate
                                            v-model="value"
                                            disabled
                                            text-color="#ff9900"
                                            score-template="{value}">
                                        </el-rate>
                                    </div>
                                    <div class="mq">很好</div>
                                    <div class="mq">4.7分</div>
                                    <div class="mq org">235人评论</div>
                                </li>
                                <li>
                                    <span class="address">烧烤|横县</span>
                                    <span class="address">横县江北大道美极牛排斜对面</span>
                                </li>
                                <li>人均¥28</li>
                            </ul>   
                        </div>
                        <div class="prefer-info">
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>    
                        </div>
                        <div class="toggle-btn">
                            <a href="javascript:;">
                                更多1个优惠
                                <span class="iconfont down-arrow"></span>
                            </a>
                        </div>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>
                        <a href="/">
                            <span>1</span>
                            <img src="//p1.meituan.net/msmerchant/417ef2989a5859645f3302428cd28196612426.jpg@220w_125h_1e_1c">
                        </a>
                    </dt>
                    <dd>
                        <div class="store-info">
                            <ul>
                                <li>
                                    <a href="/">横州烧烤店</a>
                                </li>
                                <li>
                                    <div class="mq">
                                        <el-rate
                                            v-model="value"
                                            disabled
                                            text-color="#ff9900"
                                            score-template="{value}">
                                        </el-rate>
                                    </div>
                                    <div class="mq">很好</div>
                                    <div class="mq">4.7分</div>
                                    <div class="mq org">235人评论</div>
                                </li>
                                <li>
                                    <span class="address">烧烤|横县</span>
                                    <span class="address">横县江北大道美极牛排斜对面</span>
                                </li>
                                <li>人均¥28</li>
                            </ul>   
                        </div>
                        <div class="prefer-info">
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>    
                        </div>
                        <div class="toggle-btn">
                            <a href="javascript:;">
                                更多1个优惠
                                <span class="iconfont down-arrow"></span>
                            </a>
                        </div>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>
                        <a href="/">
                            <span>1</span>
                            <img src="//p1.meituan.net/msmerchant/417ef2989a5859645f3302428cd28196612426.jpg@220w_125h_1e_1c">
                        </a>
                    </dt>
                    <dd>
                        <div class="store-info">
                            <ul>
                                <li>
                                    <a href="/">横州烧烤店</a>
                                </li>
                                <li>
                                    <div class="mq">
                                        <el-rate
                                            v-model="value"
                                            disabled
                                            text-color="#ff9900"
                                            score-template="{value}">
                                        </el-rate>
                                    </div>
                                    <div class="mq">很好</div>
                                    <div class="mq">4.7分</div>
                                    <div class="mq org">235人评论</div>
                                </li>
                                <li>
                                    <span class="address">烧烤|横县</span>
                                    <span class="address">横县江北大道美极牛排斜对面</span>
                                </li>
                                <li>人均¥28</li>
                            </ul>   
                        </div>
                        <div class="prefer-info">
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>    
                        </div>
                        <div class="toggle-btn">
                            <a href="javascript:;">
                                更多1个优惠
                                <span class="iconfont down-arrow"></span>
                            </a>
                        </div>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>
                        <a href="/">
                            <span>1</span>
                            <img src="//p1.meituan.net/msmerchant/417ef2989a5859645f3302428cd28196612426.jpg@220w_125h_1e_1c">
                        </a>
                    </dt>
                    <dd>
                        <div class="store-info">
                            <ul>
                                <li>
                                    <a href="/">横州烧烤店</a>
                                </li>
                                <li>
                                    <div class="mq">
                                        <el-rate
                                            v-model="value"
                                            disabled
                                            text-color="#ff9900"
                                            score-template="{value}">
                                        </el-rate>
                                    </div>
                                    <div class="mq">很好</div>
                                    <div class="mq">4.7分</div>
                                    <div class="mq org">235人评论</div>
                                </li>
                                <li>
                                    <span class="address">烧烤|横县</span>
                                    <span class="address">横县江北大道美极牛排斜对面</span>
                                </li>
                                <li>人均¥28</li>
                            </ul>   
                        </div>
                        <div class="prefer-info">
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>    
                        </div>
                        <div class="toggle-btn">
                            <a href="javascript:;">
                                更多1个优惠
                                <span class="iconfont down-arrow"></span>
                            </a>
                        </div>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>
                        <a href="/">
                            <span>1</span>
                            <img src="//p1.meituan.net/msmerchant/417ef2989a5859645f3302428cd28196612426.jpg@220w_125h_1e_1c">
                        </a>
                    </dt>
                    <dd>
                        <div class="store-info">
                            <ul>
                                <li>
                                    <a href="/">横州烧烤店</a>
                                </li>
                                <li>
                                    <div class="mq">
                                        <el-rate
                                            v-model="value"
                                            disabled
                                            text-color="#ff9900"
                                            score-template="{value}">
                                        </el-rate>
                                    </div>
                                    <div class="mq">很好</div>
                                    <div class="mq">4.7分</div>
                                    <div class="mq org">235人评论</div>
                                </li>
                                <li>
                                    <span class="address">烧烤|横县</span>
                                    <span class="address">横县江北大道美极牛排斜对面</span>
                                </li>
                                <li>人均¥28</li>
                            </ul>   
                        </div>
                        <div class="prefer-info">
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>
                            <a href="/" class="pre-link">
                                <p class="deal-title">罗非鱼套餐，建议2-3人使用</p>
                                <p class="deal-info">
                                    <span class="price">￥<i class="num">65</i></span>
                                    <span>门市价￥73</span>
                                    <span>已售653</span>
                                </p>
                            </a>    
                        </div>
                        <div class="toggle-btn">
                            <a href="javascript:;">
                                更多1个优惠
                                <span class="iconfont down-arrow"></span>
                            </a>
                        </div>
                    </dd>
                </dl>
            </div>    
        </div>
        <div class="m-pagenation clearfix">
            <a href="javascript:;" class="iconfont icon-btn_left cursor"></a>
            <a href="javascript:;">1</a>
            <a href="javascript:;" class="active">2</a>
            <a href="javascript:;">3</a>
            <a href="javascript:;">4</a>
            <a href="javascript:;">5</a>
            <a href="javascript:;" class="ellipsis"></a>
            <a href="javascript:;">32</a>
            <a href="javascript:;" class="iconfont icon-btn_right"></a>
        </div>            
    </div>
</template>

<script>
export default{
    data(){
        return{
            value: 5,
            keyWord: () => {
                return window.location.search.split('=')[1];
            },
            page: 0
        }
    },
    async mounted(){
        this.keyWord = window.location.search.split('=')[1];
        let {status,data} = await this.$axios.get('http://127.0.0.1:8082/search/searchResult' , {
            params:{
                offset: this.page,
                q: this.keyWord
            }
        })
        console.log(data);  
    },
    methods:{
        
    }
}
</script>